<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<button onclick="f()">点我</button>-->
<!--<script>-->
    <!--// function f() {-->
    <!--//     alert("按钮被点击啦")-->
    <!--// }-->

    <!--//页面加载完成才做事情-->
    <!--onload=function () {-->
        <!--//dom-->
        <!--var btnObj = document.getElementById("btn");-->
        <!--btnObj.onclick=function () {-->
            <!--alert("按钮被点击啦2")-->
        <!--}-->
    <!--}-->
<!--</script>-->

<button id="btn">点我2</button>

<script>
    // function f() {
    //     alert("按钮被点击啦")
    // }

    //dom
    var btnObj = document.getElementById("btn");
    btnObj.onclick=function () {
        alert("按钮被点击啦2")
    }
</script>
</body>
</html>